﻿


/* WEB PART ZONE (WPZ)
--------------------------------------------- */
#wpz .body .wr .ap
{
  padding-bottom: 20px;
}
#wpz .body .wr .ap .wpz-content
{
  overflow: hidden;
  width: 100%;
  max-width: 945px;
}

/* LINKS (HAND CURSOR)
--------------------------------------------- */
#wrap a
{
  cursor: hand;
  cursor: pointer;
}

#content .pages
{
  float: none !important;
}

.single-column .row dl, .single-column .row dt, .single-column .row dd
{
  width: 912px !important;
}


#content .body .panel-title div a p img
{
  vertical-align: middle;
}
#content .body .panel-title div a p
{
  text-decoration: underline;
}

#content .settings .datepicker
{
  float: left;
  width: 100px !important;
}
#content .settings .ui-datepicker-trigger
{
  -ms-interpolation-mode: bicubic;
  padding: .7em 0 .7em .3em;
}



/* GRIDVIEW
--------------------------------------------------*/
#gridView
{
  background-image: none !important;
}
#content #gridView table
{
  width: 946px !important;
}

#content #gridView table th
{
  color: #444;
  font-weight: bold;
}

#content #gridView table th, #content #gridView table td
{
  padding: 1em;
}

#content #gridView table td a
{
  color: #FA6414;
  text-decoration: none;
}
#content #gridView table td a:hover
{
  color: #1E1E1E;
}
#content #gridView table td a, #content #gridView table td a:focus, #content #gridView table td a:active
{
  outline: none;
}


/* ATTACHMENTS
-------------------------------------------------- */
#attachments_wrap_list img
{
  vertical-align: middle;
}
#attachments_wrap_list .MultiFile-label
{
  padding: 0.5em !important;
}
#attachmentsHidden
{
  display: none !important;
}


/* VALIDATION MESSAGE
-------------------------------------------------- */
.validation-message, #content .required
{
  color: red !important;
}



/* V2PAGER > PAGE-SHOW
-------------------------------------------------- */
#content .page-show
{
  float: right;
  padding: 0.7em 3em 0 0;
}

/* V2PAGER > PROJECTS-PER-PAGE
-------------------------------------------------- */
#content .projects-per-page
{
  float: right;
  text-align:right;
  padding: 7px;
  margin-right: 20px;
  width: 650px;
}


/* NOTICE
-------------------------------------------------- */
#content .notice
{
  background: url(/_layouts/images/Kiiro/frame.gif) repeat-y;
  float: left;
  font-size: 13px;
  color: Red;
  margin-bottom: 14px;
  width: 988px;
}
#content .notice .wrap-top
{
  background: url(/_layouts/images/Kiiro/frame-top.gif) no-repeat;
  float: left;
  width: 988px;
}
#content .notice .wrap-bottom
{
  background: url(/_layouts/images/Kiiro/frame-bottom.gif) left bottom no-repeat;
  float: left;
  padding: 9px 21px 11px 21px;
  width: 988px;
}
#content .notice .wrap-inner
{
  background: url(/_layouts/images/Kiiro/license-validation.gif) repeat-y;
  border-style: double;
  float: left;
  padding: 10px 10px 10px 10px;
  width: 922px;
}
#content .notice .notice-failure
{
  color: red;
  border: double 3px red;
}
#content .notice .notice-warning
{
  color: orange;
  border: double 3px orange;
}
#content .notice .notice-success
{
  color: green;
  border: double 3px green;
}


/* MENU > OPTIONS
		OVERRIDES THIS SECTION IN MIDORI-GLOBAL.CSS
--------------------------------------------- */

#menu .options li a
{
  display: inline-block;
}
#menu .options li a span
{
  display: inline-block;
}

/* MENU > SEARCH 
		OVERRIDES THIS SECTION IN MIDORI-GLOBAL.CSS
--------------------------------------------- */
#headline .search
{
  float: right;
  padding-top: 14px;
}
#headline .search dl
{
  background: url(/_layouts/images/Kiiro/search-edge.png) no-repeat;
  float: left;
  height: 26px;
  padding-left: 12px;
}
#headline .search dt
{
  background: url(/_layouts/images/Kiiro/search.png) repeat-x;
  float: left;
  height: 26px;
  padding: 3px 8px 0 0;
}
#headline .search dt input
{
  background: transparent;
  border: none;
  color: #7D7D7D;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  width: 220px;
}
#headline .search dd
{
  float: left;
}




/* CUSTOM FIELDS
-------------------------------------------------- */
#custom-fields .row dd.input input, #custom-fields .row dd.input textarea, #custom-fields .row dd.input select, #custom-fields .row dd.input span span div iframe.ms-rtelong, #custom-fields .row dd.input span span table.ms-rtetoolbarmenu, #custom-fields .row dd.input span span table.ms-usereditor
{
  background: #FAFAFA;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  color: #464646;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#custom-fields .row dd.input input, #custom-fields .row dd.input textarea
{
  width: 419px;
}

#custom-fields .row dd.input select, #custom-fields .row dd.input span span div iframe.ms-rtelong, #custom-fields .row dd.input span span table.ms-rtetoolbarmenu, #custom-fields .row dd.input span span table.ms-usereditor
{
  width: 435px;
}

#custom-fields .row dd.input .ms-dttimeinput select
{
  width: auto;
}

#custom-fields .row dd.input span span table.ms-rtetoolbarmenu table
{
  width: 100%;
}

#custom-fields .row dd.input input[type=checkbox], #custom-fields .row dd.input input[type=radio], #custom-fields .row dd.input span span.ms-RadioText label
{
  font-size: 9pt;
  vertical-align: middle;
}

#custom-fields .row dd.input input[type=checkbox], #custom-fields .row dd.input input[type=radio]
{
  border-width: 0px;
  width: auto;
  margin-right: 3px;
}

#custom-fields .row dd.input span span div iframe.ms-rtelong HTML BODY.ms-formbody, #custom-fields .row dd.input span span div iframe.ms-rtelong .ms-formbody, #custom-fields .row dd.input span span div iframe.ms-rtelong .ms-formbody div
{
  font-size: 14px !important;
}

#custom-fields .row dd.input select option
{
  padding: 8px;
}

#custom-fields .row dd.input span span div iframe.ms-rtelong
{
  padding: auto;
}

#custom-fields .body .panel .settings .row dd.input span span.ms-usereditor table.ms-usereditor div.ms-inputuserfield
{
  font-size: 14px;
  padding: 8px;
}

#custom-fields .row dd.input .ms-formvalidation
{
  display: block;
  padding: 8px;
  width: 429px;
}



/* TEAM-MEMBER-COLLECTION
--------------------------------------------- */
#team-member-collection li
{
  display: block;
  float: left;
  overflow: hidden;
  padding: .35em .5em;
  width: 135px;
}

#team-member-collection input
{
  margin-right: 3px;
}

#team-member-collection label
{
  margin-right: 8px;
}

#team-member-collection li.jq_select-all
{
  padding: .35em .5em;
  width: 100%;
}



/* TABLE > STATUS-WRAP
--------------------------------------------- */
#content .body .panel .settings .status-wrap
{
  float: left;
  width: 510px;
}
#content .body .panel .settings .status-wrap .status-details dd textarea
{
  background: #FFF;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  color: #464646;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 8px;
  width: 476px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#content .body .panel .settings .status-wrap .status-details dd textarea:focus
{
  border: 1px solid #969696;
}
#content .body .panel .settings .status-wrap .status-progress
{
  float: left;
  padding: 9px 0 11px 8px;
  width: 510px;
}
#content .body .panel .settings .status-wrap .status-progress dd
{
  color: #FA6414;
  float: left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  padding-right: 40px;
  width: 310px;
}
#content .body .panel .settings .status-wrap .status-button
{
  float: left;
  padding: 16px 0 14px 7px;
  width: 503px;
}
#content .body .panel .settings .status-wrap .status-button input
{
  float: left;
}

#content .body .panel .table
{
  clear: both;
}

#content .body .panel .table .status-wrap .status-progress dd .percentage, #content .body .panel .settings .status-wrap .status-progress dd .percentage
{
  width: 60px;
}
#content .body .panel .settings .status-wrap .status-progress dd .percentage
{
  background: url(/_layouts/images/Kiiro/timeline-arrow.png) no-repeat top right;
  padding-right: 40px;
  display: block;
}
#content .body .panel .panel-title .sort img
{
  padding-left: 5px;
  margin-bottom: -2px;
  vertical-align: text-top;
}
#content .body .panel .panel-title .sort a
{
  color: Gray;
  text-decoration: underline;
}

/* CONTENT > BODY > PANEL > FOLDER / DOCUMENT
--------------------------------------------- */
#content .body .panel .table-documents .title
{
  float: left;
  width: 400px;
}
#content .body .panel .table-documents .actions
{
  float: right;
  width: 200px;
}
#content .body .panel .table-documents .panel-title .users
{
  float: right;
  width: 280px;
  font-weight: bold;
}

#content .body .panel .table-documents .document .users
{
  float: right;
  width: 280px;
  padding: 12px 0 12px;
}
#content .body .panel .table-documents .users .created
{
  float: left;
  width: 140px;
}
#content .body .panel .table-documents .users .modified
{
  float: right;
  width: 140px;
}

#content .body .panel .table-documents .document img
{
  float: left;
  padding: 0 8px 0 0;
}
#content .body .panel .table-documents .document h2
{
  float: left;
  font-weight: normal;
  padding: 12px 0 12px 0;
  background: none;
  width: 485px;
}
#content .body .panel .table-documents .document h2 a
{
  font-weight: bold;
}
#content .body .panel .table-documents .document ul li
{
  margin-left: 5px;
  padding-left: 5px;
}
#content .body .panel .table-documents .document ul li a
{
  font-weight: normal;
}
#content .body .panel .table-documents .document.borderless img
{
  float: left;
  padding: 0 8px 0 0;
}
#content .body .panel .table-documents .document.borderless h2
{
  float: left;
  padding: 12px 0 8px 0px;
}
#content .body .panel .table-documents .attachments-column, 
#content .body .panel .table-documents .attachments-header
{
  float: right;
  width: 400px;
  font-weight: bold;  
}
#content .body .panel .table-documents .attachments-column .itemInfo, 
#content .body .panel .table-documents .attachments-header .created 
{
	float:left;
	width: 250px;	
}
#content .body .panel .table-documents .attachments-column .modified, 
#content .body .panel .table-documents .attachments-header .modified
{
  float: right;
  width: 140px;
}
#content .body .panel .table-documents .attachments-column .itemInfo, 
#content .body .panel .table-documents .attachments-column .modified 
{
	padding:12px 0px;
	font-weight:normal;
}
#content .body .panel .table-documents .attachments-header .created, 
#content .body .panel .table-documents .attachments-header .modified 
{
	font-weight:bold;
}



/* SLIDER
--------------------------------------------- */
#content .body .panel .table .status-wrap .status-progress dd .percentage, #content .body .panel .settings .status-wrap .status-progress dd .percentage
{
  float: left;
}

#content .body .panel .table .status-wrap .status-progress dd .slider, #content .body .panel .settings .status-wrap .status-progress dd .slider
{
  background-color: #FFFAF5;
  display: block;
  float: left;
  margin: 8px 0px 0px 15px;
  width: 73%;
}
#content .body .panel .settings .status-wrap .status-progress dd .slider
{
  background-color: #FFFFFF;
  width: 360px;
}

#content .body .panel .settings .status-wrap .status-progress dd #newTaskSlider
{
  background-color: #FFFAF5;
  display: block;
  float: left;
  margin: 8px 0px 0px 15px;
  width: 73%;
}
#content .body .panel .settings .status-wrap .status-progress dd #newTaskSlider
{
  background-color: #FFFFFF;
  width: 340px;
}
#content .body .panel .settings .status-wrap .status-progress dd #newPercentage
{
  float: left;
  width: 50px;
}

#content .body .panel .settings .status-wrap .row .status-progress dd #newPercentage input
{
  position: absolute;
  top: -9000px;
  left: -9000px;
}

#content .body .panel .settings .status-wrap .row .status-progress dd #newPercentage span
{
  border: 0px solid #D2D2D2;
  border-radius: 4px;
  color: #FA6414;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  padding-right: 3px;
  width: 30px;
  line-height: 32px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#content .body .panel .table .status-wrap .status-button .input, #content .body .panel .settings .status-wrap .status-button .input
{
  float: left !important;
}

/* ATTACHMENTS
--------------------------------------------- */
.MultiFile-remove
{
  margin-left: 10px;
}

/* USER IMAGES 
-------------------------------------------------*/
img.userImgLarge
{
  height: 144px;
  width: 144px;
  -ms-interpolation-mode: bicubic;
}
img.userImgSmall
{
  height: 48px;
  width: 48px;
  -ms-interpolation-mode: bicubic;
}

/* SITE HEADER
--------------------------------------------------*/
.siteName
{
  float: left;
}
.siteImage
{
  float: left;/*right;*/
  height: 50px;/*64px;*/
  margin-right: 20px;
  vertical-align: middle;
}
#wrap #headline .contain .siteName a.siteNameLink, #wrap #headline .contain .siteName a.siteNameLink:hover
{
  color: White;
  cursor: hand;
}

/* CONTENT > BODY > PANEL > SETTINGS
--------------------------------------------- */
#content .body .panel .settings .row dd
{
  float: left;
  padding-top: 2px;
  width: 447px;
}

/* CONTENT > BODY > PAGES (Pager on active projects)
--------------------------------------------- */
#content .body .pages, #content .body .panel-pages
{
  float: left !important;
}


/* CONTENT > BODY > PANEL > PROJECT > MANAGER
--------------------------------------------- */
#content .body .panel .project .manager
{
  float: left;
  padding: 0 8px 0 16px;
  width: 278px;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#content .body .panel .project .manager.wide
{
  padding: 0 7px 0 0;
  width: 600px;
}


/* CONTENT > BODY > PANEL > PROJECT > MANAGER > CAROUSEL
--------------------------------------------- */
.jcarousel-container
{
  position: relative;
}
.jcarousel-clip
{
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 2;
}
.jcarousel-list
{
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
  z-index: 1;
}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li, .jcarousel-item
{
  display: block;
  float: left;
  height: 150px;
  list-style: none;
  width: 236px;
}

.jcarousel-next, .jcarousel-prev
{
  z-index: 3;
  display: none;
}

#content .manager .jq_carousel .hide
{
  display: none;
}

#content .jq_carousel li
{
  padding: 5px;
}
#content .jq_carousel li dl
{
  padding: 8px;
}
#content .jq_carousel li dl.userContact
{
  border-top: 1px solid #ccc;
  clear: both;
  margin-top: 8px;
}
#content .jq_carousel li dl.userNameTitle
{
  float: left;
}
#content .jq_carousel li dl.userNameTitle dt
{
  float: left;
  margin-right: 5px;
}
#content .jq_carousel li dl.userNameTitle dd
{
  float: left;
  font-weight: bold;
  margin: 0 0 5px 5px;
  width: 160px;
}
#content .jq_carousel li dl dd .userNameLink
{
  cursor: pointer;
  color: #fa6414;
}


/* NEW USER > AD LOOKUP LOADER IMAGE
--------------------------------------------- */
#jq_LoadingADLookup 
{
  display: none;
}






/*
*			UNSORTED / NOT GROUPED 
----------------------------------------*/
.options img
{
  display: none;
}

#login h3
{
  text-align: center;
  padding-top: 40px;
  margin-bottom: -30px;
  color: Red;
  font-size: 12px;
}

#content .body .panel .settings .row dd input, 
#content .body .panel .settings .row dd .radio input, 
#content .body .panel .table .status-wrap .status-details dd .radio input
{
  margin-right: 3px;
}

#content .body .panel .settings .row dd .radio label, 
#content .body .panel .table .status-wrap .status-details dd .radio label
{
  margin-right: 8px;
}


#content .body .panel .searchresult-body li
{
  margin-left: 15px;
  list-style-type: disc;
}

#content .focus .document-history h2 {
	background: url(/_layouts/images/Kiiro/icon-document-history.png) no-repeat;
	line-height: 48px;
    padding-left: 58px;
    float:left;
}

#content .focus .document-history .move-file {
	float:right;
	padding:15px 15px 0px 0px;
	text-align:right;
}

/** Filter Styles **/
#filter, #filter li { float: left; }
#filter h2 { display:inline; font-weight:bold; padding-right:4px; }

#filter .border-left  { border-left: 1px solid #C8C8C8; margin: 0 15px; padding-left: 15px; }

#content .actionbar .wrap-has-tabs {
	background: url(/_layouts/images/Kiiro/frame-actionbar-has-tabs.gif) left bottom no-repeat;
	float: left;
    height: auto;
    padding: 0 21px 10px 21px;
	width: 946px;
}



#DOMWindow { text-align: left; }

#pop { left: -9999px; position: absolute; top: -9999px; }
    #pop-wrap { margin: 10px; text-align: left; }
        #pop-top-left { background:url(/_layouts/images/kiiro/pop-top-left.gif) top left no-repeat; height: 8px; }
            #pop-top-right { background:url(/_layouts/images/kiiro/pop-top-right.gif) top right no-repeat; height: 8px; }
        #pop-content { background: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 15px; }
        #pop-bottom-left { background:url(/_layouts/images/kiiro/pop-bottom-left.gif) bottom left no-repeat; height: 8px; }
            #pop-bottom-right { background:url(/_layouts/images/kiiro/pop-bottom-right.gif) bottom right no-repeat; height: 8px; }

        #pop-wrap h2 { font-weight: bold; }
        #pop-wrap .closeDOMWindow { float: right; margin:-6px -6px 0 0; }
        #pop-wrap .hidden { display: none; }
        #pop-wrap .ajax-loader { height: 15px; width: 15px; }
        #pop-wrap .filters { float: left; }
        #pop-wrap .apply-filter { margin: -10px 0 0 10px; }
        
        #pop-wrap .destinations, 
        #pop-wrap .name, 
        #pop-wrap .save, 
        #pop-wrap .ajax-loader, 
        #pop-wrap .validation-message { margin-top: 8px; }




/* CONTENT > BODY > WRAP > ACTIVITY-HISTORY
--------------------------------------------- */

#content .body .panel .panel-wrap .panel-title ul.activityHistoryCategories 
{
	float: left;
    line-height: 18px;
    padding-top: 8px;
}
#content .body .panel .panel-wrap .panel-title ul.activityHistoryCategories li a.selected
{
	color:Gray;
}


#content .body .wrap .activity-history-items 
{
	margin-left: 1px;
}
#content .body .wrap .activity-history-items .history-item 
{
    border-bottom: 1px solid gainsboro;
    overflow: auto;
    margin: 0px 12px;    
    padding: 12px 0;
}
#content .body .wrap .activity-history-items .history-item img
{
    -ms-interpolation-mode: bicubic;
    max-width: 475px;
    width: expression(this.width>475?"475px":"auto");
}
#content .body .wrap .activity-history-items .history-item .image 
{
    height: 100%;
    float: left;
}
#content .body .wrap .activity-history-items .history-item .image img
{
    margin-right: 4px;
    vertical-align: top;
}
#content .body .wrap .activity-history-items .history-item .image .userActivityImgSmall
{
    height: 48px;
    width: 48px;
}
#content .body .wrap .activity-history-items .history-item .activity-info
{
    float: left;
    margin-left: 8px;
    margin-top: -4px;
    overflow: hidden;
    width: 485px;
}
#content .body .wrap .activity-history-items .history-item h2 
{
    font-weight: bold;
}
#content .body .wrap .activity-history-items .history-item h2 a
{
    margin-right: 4px;
}
#content .body .wrap .activity-history-items .history-item h3 
{
}
#content .body .wrap .panel-content .panel-activities-message
{
    margin: 14px;
}
#content .panel-more-button 
{
    float: left;
    width: 600px;
}
#content .panel-more-button ul {
}
#content .panel-more-button li {
	background: url(/_layouts/images/Kiiro/button-left.png) left top no-repeat;
	float: left;
    margin-left: 246px;
    margin-top: 14px;
    width:100px;
    text-align: center;
}
#content .panel-more-button li a {
	background: url(/_layouts/images/Kiiro/button-right.png) right top no-repeat;
    display: block;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 37px;
    color: #8c8c8c;
    padding: 0 12px;
}
#content .panel-more-button li a:hover {
    color: #464646;
}






/* Custom Colors */
.pnlCustomColors .portalH {
    background-color: #344c0f;
}
.pnlCustomColors .portalM {
    background-color: #62882d;
}
.pnlCustomColors .projectH {
    background-color: #134b5b;
}
.pnlCustomColors .projectM {
    background-color: #2c7c98;
}
.pnlCustomColors .linkBG,
.pnlCustomColors .titleBG  {
    background-color: #fa6414;
}
.pnlCustomColors .left {
    float:left; 
}
.pnlCustomColors .right {
    float:right; 
}
.pnlCustomColors .portalColors, 
.pnlCustomColors .projectColors, 
.pnlCustomColors .globalColors {
    border:1px solid #d2d2d2; 
    float:left; 
    margin-bottom: 5px; 
    padding:5px 8px 0px 8px; 
}
.pnlCustomColors .portalColors, 
.pnlCustomColors .projectColors {
    margin-right: 5px; 
}
.pnlCustomColors .portalColors .colorTitle, 
.pnlCustomColors .projectColors .colorTitle, 
.pnlCustomColors .globalColors .colorTitle {
    float:left; 
    font-weight:bold; 
    padding-top:5px; 
}
.pnlCustomColors .portalColors input, 
.pnlCustomColors .projectColors input, 
.pnlCustomColors .globalColors input {
    display:none; 
}
.pnlCustomColors .defaultColors {
    border:1px solid #d2d2d2; 
    clear: left;
    padding:5px 9px 0px 6px; 
}
.pnlCustomColors .defaultColors .colorTitle {
    font-weight:bold; 
    padding-bottom:5px; 
}
.colorSelector {
    height: 36px;
    width: 36px; 
}
.colorSelector div {
    background: url(/_layouts/images/Kiiro/colorpicker/select.png) center;
    height: 30px; 
    width: 30px; 
}


/* > MENU > OPTIONS
--------------------------------------------- */
#main #menu .tcSiteActions li div:hover {
    background: url(/_layouts/images/Kiiro/main-option-left.gif) left top no-repeat !important; 
}
#main #menu .tcSiteActions li a:hover {
    background: url(/_layouts/images/Kiiro/main-option-right.gif) right top no-repeat !important; 
}
#project #menu .tcSiteActions li div:hover {
    background: url(/_layouts/images/Kiiro/project-option-left.gif) left top no-repeat !important; 
}
#project #menu .tcSiteActions li a:hover {
    background: url(/_layouts/images/Kiiro/project-option-right.gif) right top no-repeat !important; 
}
#footer #main-navigation .tcSiteActions {
    display: none; 
}



/*CONTENT > WMD-EDITOR
--------------------------------------------- */
#content .wmd-editor
{
}
#content .wmd-editor .wmd-preview,
#content .wmd-editor .wmd-output,
#content .wmd-editor .actions a.edit
{
    display: none;
}
#content .wmd-editor h1,
#content .wmd-editor h2
{
    font-weight: bold;
}
#content .wmd-editor h1
{
    font-size: 1.2em;
}
#content .wmd-editor h2
{
    font-size: 1.1em;
}
#content .wmd-editor h1,
#content .wmd-editor h2,
#content .wmd-editor p,
#content .wmd-editor ul,
#content .wmd-editor ol
{
    display: block;
    margin-bottom: 8px;
}
#content .wmd-editor ul,
#content .wmd-editor ol
{
    margin-left: 40px;
    list-style-image: none;
    list-style-position: outside;
}
#content .wmd-editor ul
{
    list-style-type: disc;
}
#content .wmd-editor ol
{
    list-style-type: decimal;
}
#content .wmd-editor blockquote 
{
    background: #eee;
    border-left: 3px solid #ccc;
	font-style: italic;
	margin: 0 18px; 
	padding: 8px;
}
#content .wmd-editor pre 
{
    font-size: .9em;
	margin: 0 18px; 
	padding: 8px;
}
#content .wmd-editor hr 
{
    border: 0;
    border-bottom: 1px solid #eee;
    border-top: 2px solid #ccc;
    clear: both;
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 0;
    margin: 8px 18px;
    max-height: 0;
}
#content .wmd-editor img 
{
    max-width: 440px;
    width: expression(this.width>440?"440px":"auto");
    -ms-interpolation-mode: bicubic;
}

#content .wmd-editor .actions a 
{
	background: url(/_layouts/images/Kiiro/button-right.png) right top no-repeat;
    display: block;
    float: right;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    color: #8c8c8c;
    margin-top: 8px;
}
#content .wmd-editor .actions a:hover 
{
    color: #464646;
}
#content .wmd-editor .actions a span 
{
	background: url(/_layouts/images/Kiiro/button-left.png) left top no-repeat;
	display: block;
    height: 40px;
    line-height: 37px;
    margin-right: 12px;
    padding-left: 15px;
}
#content .wmd-editor .actions a span img 
{
    margin-right: 6px;
    vertical-align: middle;
}